<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<% String path = (String) session.getAttribute("basePath"); %>
	<% String vista = (String) session.getAttribute("vista"); %>
	<title>Buscar persona</title>
	
	<link rel="stylesheet" href="<%=path%>/dojo/resources/dojo.css">
	<link rel="stylesheet" href="<%=path%>/dijit/themes/claro/claro.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/resources/Grid.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/resources/claroGrid.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/enhanced/resources/claro/EnhancedGrid.css">
	<link rel="stylesheet" href="<%=path%>/dojox/grid/enhanced/resources/EnhancedGrid_rtl.css">
	<%-- <link href="<%=a%>/css/estilos3_0.css" rel="stylesheet" type="text/css" /> --%>
	
	<style type="text/css">
		<%-- .registrarIco {background: url(<%=a%>/imagenes/see/icons/add.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.deleteIco {background: url(<%=a%>/imagenes/see/icons/delete2.gif) no-repeat;border: 0;height: 16px;width: 16px;}
		.editIco {background: url(<%=a%>/imagenes/see/icons/edit.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.solicitudIcon {background: url(<%=a%>/imagenes/see/icons/page_white_star.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.cancelarIco {background: url(<%=a%>/imagenes/see/icons/cancel.png) no-repeat;border: 0;height: 16px;width: 16px;}
		.saveIco {background: url(<%=a%>/imagenes/sigad/acciones/save.gif) no-repeat;border: 0;height: 16px;width: 16px;}
		.enviar {background: url(<%=a%>/imagenes/see/icons/email-16x16.gif) no-repeat;border: 0;height: 16px;width: 16px;}
		.exportar {background: url(<%=a%>/imagenes/sn_07.gif) no-repeat;border: 0;height: 16px;width: 16px;} --%>
	</style>
	
	<script src="<%=path%>/dojo/dojo.js" data-dojo-config="isDebug: true,parseOnLoad: true"></script>
	
	<script type="text/javascript">
	
		dojo.require("dojox.grid.DataGrid");
		dojo.require("dojox.grid.EnhancedGrid");
		dojo.require("dojox.grid.enhanced.plugins.Pagination");
		dojo.require("dojo.data.ItemFileWriteStore");
		dojo.require("dojox.grid.enhanced.plugins.IndirectSelection");
		dojo.require("dijit.form.DateTextBox");
		dojo.require("dijit.form.Button");
		dojo.require("dijit.layout.ContentPane");
        dojo.require("dijit.layout.BorderContainer");
		dojo.require("dijit.form.ComboBox");
		dojo.require("dijit.form.FilteringSelect");
		dojo.require("dijit.form.TimeTextBox");
		
		var gridBuscarPersona, layoutBuscarPersona;
		var iconOK='<img src="<%=vista%>/icons/information.png" align="" border="0">';
		var iconError='<img src="<%=vista%>/icons/exclamation.gif" align="" border="0">';
		var iconQuestion='<img src="<%=vista%>/icons/icon_info.gif" align="" border="0">';
		
		/* var IND_TIPO_CONSULTA_BUSCAR_PERSONAL_POR_DEFECTO = '0';
		var IND_TIPO_CONSULTA_BUSCAR_PERSONAL_SUNAT_PARTICIPANTE_INFO = '1';
		var IND_TIPO_CONSULTA_BUSCAR_PERSONAL_PROPIETARIO_INFO = '2'; */
		
		function cargarGridBuscarPersona() {

		    layoutBuscarPersona = [
				{ name: "Codigo", field: "dni", width: "15%" },
				{ name: "Nombre completo", field: "nombreCompleto", width: "50%" },
				{ name: "Correo", field: "correo", width: "35%" },
		    ];
			
			
		    gridBuscarPersona = new dojox.grid.EnhancedGrid({
				//rowSelector: '30px',
				selectionMode: "single",
				autoHeight:true,
				columnReordering:true,
				noDataMessage:"No hay resultados",
				plugins: {
			          pagination: {
			              pageSizes: ["10", "25", "50"],
			              description: true,
			              sizeSwitch: true,
			              pageStepper: true,
			              gotoButton: true,
			              maxPageStep: 4,
			              position: "bottom"
			          },
			          indirectSelection: {
	                      name: "",
	                      width: "30px",
	                      styles: "text-align: center;"
	      			  }
				},
				structure: layoutBuscarPersona
			}, "gridBuscarPersona");
		    
		    gridBuscarPersona.startup();
			
		}
		
		dojo.addOnLoad(function() {
			cargarGridBuscarPersona();
			settings();
	    });
		
		function settings() {
			
			dojo.connect(dojo.byId("btnAceptar"),"onclick",function(e) {
				clickbtn_aceptarEmpleado();
		    });
			
			dojo.connect(dojo.byId("btnCancelar"),"onclick",function(e) {
				clickbtn_cancelarEmpleado();				
		    });
			
			dojo.connect(dojo.byId("btnBuscarPersona"),"onclick",function(e) {
				buscarPersona();
			});
			dojo.connect(dojo.byId("dialog.informativo.btnAceptar"),"onclick",function(e) {
				dijit.byId("dialog.informativo").hide();
		    });
			
		}
		
		function buscarPersona() {
			
			/* var tipoConsulta = parent.obtenerTipoConsultaBuscarEmpSUNAT();
			var codigoParticipante = "";
			var codigoPropietaria = ""; */
			
			/* if (tipoConsulta == IND_TIPO_CONSULTA_BUSCAR_PERSONAL_SUNAT_PARTICIPANTE_INFO) {
				codigoParticipante = parent.obtenerCodigoParticipante();
			} else if (tipoConsulta == IND_TIPO_CONSULTA_BUSCAR_PERSONAL_PROPIETARIO_INFO) {
				codigoPropietaria = parent.obtenerCodigoPropietaria();
			} */
			
			var xhrArgs = {
				  handleAs: "json",
				  form: dojo.byId("frmBuscarPersona"),
				  url: "buscarPersona.htm",
				  content: {
				  	codigo:dojo.byId("txtCodigoPersona").value,
				  	nombre:dojo.byId("txtNombreCompleto").value,
				  	
				  },
				  load: function(response, ioArgs) {
				    if (!response.Error) {
				  	  recargarTabla(response,gridBuscarPersona,"dni");
				    } else {
				      loadInformativo(response.Error.mensajeerror,iconError);
				    }
				    return response;
				  },
				  error: function(error) {
				    loadInformativo(error,iconError);
				  }
			};
			dojo.xhrPost(xhrArgs);
		}
		
		function recargarTabla(data,objGrid,identifierValue){
			clearMyGrid(objGrid);
			var storedata  = {
		      identifier:identifierValue,
		      items: data
		    };
			var newStore = new dojo.data.ItemFileWriteStore({data: storedata}) ;
			objGrid.set("store", newStore);
			objGrid.filter();
		}
		
		function clearMyGrid(objGrig){
			var emptyCells = { items: "" };
			var emptyStore = new dojo.data.ItemFileReadStore({data: emptyCells});
			objGrig.setStore(emptyStore);
			objGrig.selection.clear();
		}
		
		function clickbtn_aceptarEmpleado() {
						
			var seleccionado = gridBuscarPersona.selection.getSelected();

			if( seleccionado.length == 0) {
				
	            loadInformativo("Seleccione un registro",iconError);
	            
	    	} else {

	    		var empleado = new Object();
	    		empleado.codigo = seleccionado[0].dni;
	    		empleado.nombreCompletoEmpleado = seleccionado[0].nombreCompleto;

	    		parent.addEmpleado(empleado);
	    		
	    	}
			
		}
		
		function clickbtn_cancelarEmpleado() {
			parent.exitBuscarEmpleado();
		}
		
		function loadInformativo(msg,img) {
			dojo.byId("dialog.informativo.msg").innerHTML=msg;
			dojo.byId("dialog.informativo.icoInformativo").innerHTML=img;
			dijit.byId('dialog.informativo').reset();
			dijit.byId('dialog.informativo').show();	
			
		}
		
	</script>

</head>
<body class="claro">

	<div id="divPrincipal" style="margin-left: 10; margin-top: 10; margin-right: 10">
		<form id="frmBuscarPersona" method="post" name="frmBuscarPersona" modelAttribute="personaView">
						
			<table>
				<tr>
					<td>
						<label>Nombre Completo:</label>
					</td>
					<td>
						<input dojoType="dijit.form.TextBox" name ="txtNombreCompleto" id="txtNombreCompleto" value =""/>
					</td>
					<td>
						<label for="txtCodigoPersona">Codigo Persona:</label>
					</td>
					<td>
						<input dojoType="dijit.form.TextBox" name ="txtCodigoPersona" id="txtCodigoPersona" value =""/>
					</td>
					<td>
						<button dojoType="dijit.form.Button" id="btnBuscarPersona"
						name="btnBuscarPersona" showLabel="true" >Buscar</button>
					</td>
				</tr>
			</table>
			
			<div id="gridBuscarPersona"></div> 
			
			<table align="center">
				<tr>
					<td align="center">
						<button dojoType="dijit.form.Button" id="btnAceptar" name="btnAceptar" showLabel="true" >Aceptar</button>
						<button dojoType="dijit.form.Button" id="btnCancelar" name="btnCancelar" showLabel="true" >Cancelar</button>
					</td>
				</tr>
			</table>
			
			<!-- <table align="center">
				<tr>
					<td>
						<div id="preloaderBuscar"></div>
					</td>
				</tr>
			</table> -->
			
		</form>
	</div>
	
	<div dojoType="dijit.Dialog" id="dialog.informativo" name="dialog.informativo" execute="" title="Mensaje">
	    <div style="overflow:auto;" >
				<table align="left">
					<tr align="left">
						<td align="center">
							<div id="dialog.informativo.icoInformativo"></div>
						</td>
						<td>
							<label id="dialog.informativo.msg"></label>
						</td>
					</tr>
				</table>
		</div>
		<div>
			<table align="center">
				<tr align="center">
					<td align="center">
						<button dojoType="dijit.form.Button" id="dialog.informativo.btnAceptar" showLabel="true" >Aceptar</button>
					</td>
				</tr>
			
			</table>
		</div>
	</div>

</body>
</html>